@MartinRGB 我們先從基本的說起，設計中的留白區域并不能顧名思義，設計中的留白區域不局限于白色，留白的"白"指的不是顏色的"白"，而是空白的"白"，留白區域指的是某一區域無額外元素，無裝飾，處于空白的狀態。

留白的優秀案例——但是還有一點裝飾——Layervault的個人網站。從本質上講，留白區域是"未使用的區域"，盡管留白區域看起來未使用，沒什么作用，但實際上留白區域的作用相當大，給予設計呼吸的空間，提供了布局上的平衡。留白區域的環繞與陪襯，良好的襯托出中心區域的表現。 

我們為何要重視留白？

如果你在瀏覽網站，當布局太糟糕時，你會很費力的才能確定信息內容；太緊密的字間距、段間距，沒有明顯的區分隔斷（或者說沒有足夠的留白空間），那么這個網站的用戶體驗肯定是很差的。

留白區域的好處

Dan Edwards 的個人網站，采用了很多留白，留給了字體和設計作品足夠的空間。保持層次感，留白區域能夠很好的指引用戶，如果元素過多，那么用戶的注意力會分散。留白能夠讓用戶盡快的尋找到所需要的信息，提高用戶體驗。

如何在設計中使用留白？

了解重要性之后，下一步要做的事情就是學會去做。

KISS 原則(Keep It Simple, Stupid)

其實我喜歡稱之為KIS原則，我討厭愚蠢（Stupid)這個字眼！但是保持一切簡潔，是設計亙古不變的道理，沒有必要完全填滿。某些情況下，"不完整才是完整，殘缺才是完美。"設計師的任務就是利用（布局，留白，色彩，尺寸，字體）來營造一個視覺焦點，吸引用戶的注意力。

設計做的簡潔一點，不但設計師輕松，開發者也輕松，當然，用戶瀏覽起來也輕松。去除不必要、不重要的元素，只保留必要元素。
而且不要為了留白而一味留白，要注意設計元素之間的聯系性。如果留白用的好，既能保持聯系性、一致性，又能讓設計通俗易懂，從而提高了網頁的適用性。

Squarespace使用了材質、色彩、留白、字體營造了一種純凈的品味

原文地址：webdesign
優設網翻譯：@MartinRGB
轉摘請注明優設網譯文出處，謝謝各位小編。

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：156982）分享實戰經驗。
設計微博：擁有粉絲量49萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：